$font-default-color:#333;
html,body,#app{
    width: 100%;
    height: 100%;
    min-height:100%;
}

body{
    font-family: Helvetica Neue,Tahoma,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft Yahei,sans-serif;
    margin:0;
    padding:0;
    font-size:12px;
    color:$font-default-color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
}

#app{
    // max-width:750px;
    margin:auto;
}

h1,h2,h3,h4,h5,h6,dl,dt,dd,p,ul{
    margin:0;
}

li{
    list-style: none;
}

dl,dt,dd,ul,button{
    padding:0;
}

a{
    color:$font-default-color;
    text-decoration: none;
}

input[type="number"]{
    border:none;
    width:100%;
    background-color:transparent;
    font-size:12px;
}

input:-webkit-autofill { 
    box-shadow: 0 0 0px 1000px white inset !important;
}

.clearfix {
    &:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }
}

@mixin flex-num($count){
    -webkit-box-flex: $count;
    -moz-box-flex:  $count;
    -webkit-flex:  $count;
    -moz-flex:  $count; 
    -ms-flex:  $count; 
    flex: $count;
  }
  
  .flex{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */  
    .flex-half{
      @include flex-num(0.5);
    }
    .flex-1{
      @include flex-num(1);
    }
  }
  
  .align-items{
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  
  .flex-direction {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    }
  
  .flex-wrap{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .justify-between{
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
  }
  .justify-around{
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    -ms-justify-content:space-around;
    -o-justify-content:space-around;
    justify-content:space-around;
  }

  .text-center{
    text-align: center;
  }
  
  .text-right{
    text-align: right;
  }
  
  .text-left{
    text-align: left;
  }
  
  .lf{
    float:left;
  }
  
  .rt{
    float:right;
  }
  
  .maxImg{
    max-width:100%;
  }
  
  .nowrap{
    overflow:hidden; /*超出的部分隐藏起来。*/ 
    white-space:nowrap;
    text-overflow:ellipsis;/* 支持 IE */
  }
  
  .lineClamp{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }